shlinkio / shlink-web-client

  resetSelectedServer: PropTypes.func,

  servers: PropTypes.object,

};

const Home = ({ resetSelectedServer, servers: { list, loading } }) => {

  const servers = values(list);

  const hasServers = !isEmpty(servers);

  useEffect(() => {

    resetSelectedServer();

  }, []);

  return (

    <div className="home">

      <h1 className="home__title">Welcome to Shlink</h1>

      <ServersListGroup servers={servers}>

        {!loading && hasServers && <span>Please, select a server.</span>}

        {!loading && !hasServers && <span>Please, <Link to="/server/create">add a server</Link>.</span>}

        {loading && <span>Trying to load servers...</span>}

      </ServersListGroup>

    </div>

  );

};

Home.propTypes = propTypes;

export default Home;